<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>项目实战--PC端固定布局</title>
	<link rel="icon" href="img/y.ico">
	<link rel="stylesheet" href="css/footer.css">
	<link rel="stylesheet" href="css/header.css">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/column.css">
</head>
<body>
<!--头部：张官文-->
<header id="header">

</header>
<div id="headline">
			<div class="center">
				<hgroup>
					<h2>旅游资讯</h2>
					<h3>介绍各种最新旅游信息、资讯要闻、景点攻略等</h3>
				</hgroup>
			</div>
		</div>


<div id="container">
	<aside class="sidebar">
		<!--景点推荐:黄小莉-->
		<div class="sidebox recommend">	
		</div>
		
		<!--热门旅游：马剑模-->
		<div class="sidebox hot">	
		</div>
		<div class="sidebox treasure">
			
		</div>	
	</aside>
		
	<!--风景欣赏：李雯琪-->
	<div class="list scenery">	
    </div>
</div>

<!--尾部：莫朝万-->
<footer id="footer">

</footer>


	<script src="JQuery/jquery-1.12.1.js"></script>
    	<script>
    		$('#header').load("header/header.html");
    	    $('#container').load("container/container.html");
    		$('#footer').load("footer/footer.html");
    		
    	</script>
</body>
</body>
</html>